<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js" lang="en"><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Charles Ryan Associates - News</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="dns-prefetch" href="//ajax.googleapis.com" />
    <link href='http://fonts.googleapis.com/css?family=Gudea:400,700' rel='stylesheet' type='text/css' />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      <link href="/assets/screen.css" rel="stylesheet" media="screen" />
    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <style type="text/css" media="screen">
            #wrapper{ min-width:960px; }
            #logo{ background-image:url('/assets/logo.png'); }
        </style>
    <![endif]-->
    <script type="text/javascript" charset="utf-8">
    //<![CDATA[
        $(function(){
            $('.no-js').removeClass('no-js');
        });
    //]]>
    </script>
</head>
<body id="four_one">
    <div id="wrapper">
        <header id="heading">
            <a id="logo" href="/">Return Home</a>
            <nav id="main_navigation">
                <h3>Navigate</h3>
                <ul class="inline-list no-js">
                    <li>
                        <a href="/">Who We Are</a>
                        <ul>
                            <li><a href="/half">Sub-Nav One</a></li>
                            <li><a href="#">Sub-Nav Item Two</a></li>
                            <li><a href="#">Sub-Nav 3</a></li>
                            <li><a href="#">Fourth Sub-Nav</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="/portfolio">Our Work</a>
                    </li>
                    <li>
                        <a href="/portfolio">Our Team</a>
                    </li>
                    <li>
                        <a href="/news">News</a>
                    </li>
                    <li>
                        <a href="/contact">Contact</a>
                    </li>
                    <li>
                        <a href="/login">Client Login</a>
                    </li>
                </ul>
            </nav>
        </header>
        <div id="main" role="main" class="four-one">
            
<div id='banner'>
	<h4 class='orange caps'>Four and One.</h4>
	<img alt="three-one.jpg" src="/assets/banners/three-one.jpg" />
</div>
<div class="left">
	<h1 class="clipped">CRA News</h1>
    <article class="post">
        <hgroup>
            <h3 class="blue caps"><a href="#">This is article number 1</a></h3>
            <h4 class="caps align-center">
                <span class="clipped">Posted</span> 
                <span class="month">Aug</span> 
                <span class="day">10</span>
            </h4>
        </hgroup>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href="#">read more</a></p>
    </article>
    <article class="post">
        <hgroup>
            <h3 class="blue caps"><a href="#">This is article number 2</a></h3>
            <h4 class="caps align-center">
                <span class="clipped">Posted</span> 
                <span class="month">Aug</span> 
                <span class="day">11</span>
            </h4>
        </hgroup>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href="#">read more</a></p>
    </article>
    <article class="post">
        <hgroup>
            <h3 class="blue caps"><a href="#">This is article number 3</a></h3>
            <h4 class="caps align-center">
                <span class="clipped">Posted</span> 
                <span class="month">Aug</span> 
                <span class="day">12</span>
            </h4>
        </hgroup>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href="#">read more</a></p>
    </article>
    <article class="post">
        <hgroup>
            <h3 class="blue caps"><a href="#">This is article number 4</a></h3>
            <h4 class="caps align-center">
                <span class="clipped">Posted</span> 
                <span class="month">Aug</span> 
                <span class="day">13</span>
            </h4>
        </hgroup>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href="#">read more</a></p>
    </article>
</div>
<aside class="right" id="recent_news">
	<h3 class="subhead">Latest News</h3>
    <ul class="block">
        <li>
            <a href="#" class="title">CRA wins international Hermes Creative Award</a>
            The Virginia Manufacturers Association (VMA) and the Virginia Industry Foundation (VIF) won a 2012 Gold Hermes Creative Award for Dream It. Do It. Vir... 
            <a href="#">read more</a>
        </li>
        <li>
            <a href="#" class="title">Energy Rally June 16</a>
            Rally your friends and family for an event sponsored by CRA clients, the American Petroleum Institute and the Just Beneath the Surface Alliance, Satur... 
            <a href="#">read more</a>
        </li>
        <li>
            <a href="#" class="title">CRA wins three at the Virginia Commonwealth Awards</a>
            The Commonwealth Awards, presented by the Richmond chapter of the Public Relations Society of America, recognize the most creative and effective commu... 
            <a href="#">read more</a>
        </li>
    </ul>
</aside>

        </div>
        <footer id="footer">
            <nav>
                <ul class='inline-list'>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Twitter</a></li>
                </ul>
            </nav>
            <p class="copyright"><span>&copy;</span>2012 Charles Ryan Associates, LLC. All Rights Reserved.</p>
        </footer>
    </div>    
    <script src="/assets/site.js"></script>
    <!-- <script>
        // Replace UA-XXXXX-X with the proper analytics code
        var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script> -->
</body>
</html>
